<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>展示用户信息</title>
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript">
			$(function(){
				/* $.ajax({
					type: "post",
					url: "http://localhost:8090/findAll",
					success: function(data){
						for (let user of data) {
							let tr = `
								<tr align="center">
									<td>${user.id}</td>
									<td>${user.name}</td>
									<td>${user.age}</td>
									<td>${user.sex}</td>
									<td></td>
								</tr>
							`
							//append将指定的元素进行追加
							$("#user_table").append(tr)
						}
					}
				}) */
				// $.post（url，data，function（data），dataType）
				// dataType：返回值数据类型，可以省略，自动判断
				let data = {id: 100, name: "tom"} // js对象
				$.post("http://localhost:8090/findAll", data, function(data){
					// 函数参数为服务端响应返回的数据
					console.log(data)
				})
			})
		</script>
		
	</head>
	<body>
		<div align="center">
			<table id="user_table" border="1px" cellspacing="0" width="80%" height="60px">
				<tr><th colspan="5">用户信息</th></tr>
				<tr>
					<th>编号</th>
					<th>姓名</th>
					<th>年龄</th>
					<th>性别</th>
					<th>操作</th>
				</tr>
				
			</table>
		</div>
	</body>
</html>
